﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="XiaohaoTypeCrossChar.aspx.cs" Inherits="Catering.Catering_Page.Kufang.XiaohaoTypeCrossChar" %>
<%@ Register Assembly="Microsoft.ReportViewer.WebForms, Version=10.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a"
    Namespace="Microsoft.Reporting.WebForms" TagPrefix="rsweb" %>
<%@ Register src="../../UCPanle/UCRightSearchTool.ascx" tagname="UCRightSearchTool" tagprefix="uc3" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../Style/head.css" />
    <link rel="stylesheet" type="text/css" href="../../Style/center.css" />
    <script src="../../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script src="../../Style/xxk.js" type="text/javascript"></script>
    <script src="../../Scripts/CheckBoxInTreeView.js" type="text/javascript"></script>
    <style type="text/css">
    .xhfl_search{width:798px; border:1px solid #CDDEF8; background-color:#E5F1FD; height:auto; padding:6px 0px; margin:0px;}
    .Recipe_0206 h1 { background: url("../../Images/xzbz.gif") no-repeat 0px 0px;}
    #tvClass{padding:8px 8px; margin:0px 0px 0px auto;}
    </style>
    <script type="text/javascript">
        function GetDataGroup(title, xtype, data) {
            var chart;
            var banzuptions = {
                chart: { renderTo: 'container' }, //容器ID
                title: { text: title }, //报表大标题
                //subtitle: { text: '报表小标题' }, //报表小标题
                xAxis: {//x轴
                    type: 'sdf',
                    categories: xtype,
                    gridLineWidth: 0,
                    labels: { align: 'right',
                        rotation: -45,
                        style: {
                            fontSize: '13px',
                            fontFamily: '宋体,Verdana'
                        }
                    }
                },
                yAxis: [{ // left y axis
                    title: {
                        text: null
                    },
                    labels: {
                        formatter: function () {
                            return Highcharts.numberFormat(this.value, 0);
                        }
                    },
                    showFirstLabel: false
                },
                { // right y axis
                    linkedTo: 0,
                    gridLineWidth: 1,
                    opposite: true,
                    title: { text: null },
                    labels: {
                        formatter: function () {
                            return Highcharts.numberFormat(this.value, 0);
                        }
                    },
                    showFirstLabel: true
                }],
                tooltip: {
                    formatter: function () {
                        return '<b>' + this.x + '：</b><br/>' +
                        this.series.name + '：' + this.y+"元";
                    }
                },
                series: []
            };
            for (var i = 2; i < arguments.length; i++) {
                banzuptions.series[i - 2] = arguments[i];
            }
            chart = new Highcharts.Chart(banzuptions);
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <script type="text/javascript" src="../Tool_Reporter/js/highcharts.js"></script>
    <script type="text/javascript" src="../Tool_Reporter/js/modules/exporting.js"></script>
    <script type="text/javascript" src="../Tool_Reporter/js/highslide-full.min.js"></script>
    <script type="text/javascript" src="../Tool_Reporter/js/highslide.config.js" charset="utf-8"></script>
    <asp:ScriptManager ID="ScriptManager1" ScriptMode="Release" runat="server"></asp:ScriptManager>
    <div id="div_se_1" class="nav_2" style="display: block">
        <div class="nav_2_1"><img src="../../Images/nav2_bg1.gif" /></div>
        <ul>
            <li style="background: none; width:60px; "><a href="CostDataStatistics.aspx"><span id="span_peic_1" class="feise_border">成本统计</span></a></li>
            <li style="background: none; width:60px; "><a href="XiaohaoTypeCrossChar.aspx"><span id="span_peic_2" class="lvse_border">消耗统计</span></a></li>
            <li style="background: none; width:130px; "><a href="DataStates.aspx"><span id="span_peic_3" class="feise_border">出入库状态统计</span></a></li>
        </ul>
        <div class="nav_2_3"><img src="../../Images/nav2_bg2.gif" /></div>
    </div>    
    <div class="xxk_button1">
        <ul>
            <li id="li2_1" class="li_over"><a href="XiaohaoTypeCrossChar.aspx" >消耗分类横向对比图</a></li>
            <li id="li2_2" class="li_out"><a href="XiaohaoTypePortait.aspx" >消耗分类纵向对比图</a></li>
            <li id="li2_3" class="li_out"><a href="GroceryDetail.aspx" >自付费杂品明细</a></li>
            <li id="li2_4" class="li_out"><a href="HallYearAtePage.aspx" >年度伙食统计表</a></li>
        </ul>
    </div>
    <div class="Center_Content" id="div2_2" style="display: block">        
        <div class="Create_Recipe">
            <div class="left_CR" style="height:456px;">
                <div class="Recipe_0206" style="height:446px;">
                    <h1 style="background-image:url('../../Images/xzbz.gif')"><a href="#rhis">选择班组</a></h1>
                    <div class="Dl_div">
                        <asp:TreeView  style="overflow-y:auto" ID="tvClass" runat="server" 
                            CollapseImageUrl="~/Images/jianhao.gif" ExpandImageUrl="~/Images/jiahao.gif" 
                        Width="140px" Height="340" ExpandDepth="0" SelectedNodeStyle-BackColor="#fca402" 
                        CollapseImageToolTip="折叠 {0}" Scrollable="true" Font-Size="13px" 
                            NodeIndent="6" ShowCheckBoxes="All">
                            <LeafNodeStyle ChildNodesPadding="5px" HorizontalPadding="6px" />
                            <NodeStyle ImageUrl="~/Images/group_blue.png" 
                                HorizontalPadding="6px" />
                            <ParentNodeStyle HorizontalPadding="6px" />
                            <RootNodeStyle HorizontalPadding="6px" />
<SelectedNodeStyle BackColor="#FCA402" Font-Size="13px" ForeColor="White"></SelectedNodeStyle>
                        </asp:TreeView>
                        <div class="soso_lt_div">
                            <table>
                                <tr>
                                    <td><input name="" style="width:135px" type="text" class="inup_soso_lt"/></td>
                                    <td><input name="" type="button"  class="button_soso_lt"/></td>
                                </tr>
                            </table>
                        </div>
                        <div class="soso_lt">
                            <a href="#" class="add_botton"><img src="../../Images/add.gif" /></a>
                            <a href="#" class="add_botton"><img src="../../Images/delt_img.gif" /></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="Right_CR">
                <div class="xhfl_search">
                    <table width="790" border="0" cellspacing="0" cellpadding="0" align="center">
                        <thead>
                            <tr>
                                <td colspan="2">
                                    <uc3:UCRightSearchTool ID="UCRightSearchTool" runat="server" />
                                </td>
                            </tr>
                            <tr>
                                <td align="right"><asp:LinkButton ID="LinkButton1" runat="server" CssClass="input_btn_a" onclick="LinkButton1_Click">开始统计</asp:LinkButton></td>
                                <td width="10"></td>
                            </tr>
                        </thead>
                    </table>
                </div>
                <div id="container" style="width: 790px;height : 400px; margin: 0 auto"></div>         
            </div>
        </div>
    </div>
    </form>
</body>
</html>
